<li class="d-flex mt-4 mb-4 py-2 border-bottom border-1">
    <a class="flex-shrink-0" href="{{ route('user.show', $user->id )}}">
        <img src="{{ $user->avatar }}" alt="{{ $user->name }}" class="me-1 avatar"/>
    </a>
    <div class="flex-grow-1 ms-3">
        <h5 class="mt-0 mb-1 text-success">{{ $user->name }} <small style="font-size: 14px;"> / {{ $topic->created_at->diffForHumans() }}</small></h5>
        <span class="text-secondary" style="font-size: 12px;">{{ $topic->content }}</span>
    </div>
    @can('destroy', $topic)
        <form action="{{ route('topic.destroy', $topic->id) }}" method="POST"
              onsubmit="return confirm('您确定要删除本条微博吗？');"
        >
            {{ csrf_field() }}
            {{ method_field('DELETE') }}
            <button type="submit" class="btn btn-sm btn-danger topic-delete-btn">删除</button>
        </form>
    @endcan
</li>
